(() => {
  let heroList = document.querySelector('.hero-list')
  let xhr = new XMLHttpRequest();
  xhr.responseType = "json";
  //
  xhr.open("get", "http://api.xiaohigh.com/lol");
  //
  xhr.send();
  //
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      xhr.response.forEach(hero => {
        //创建元素
        let div = document.createElement('div');
        //设置 className   
        // classList 是 DOM 节点对象的一个属性, 用来管理类名
        div.classList.add('hero-item');// remove
        //设置图片
        let img = document.createElement('img');
        // 设置图片的地址
        img.src = hero.avatar;
        //创建 p 
        let p = document.createElement('p');
        //设置 p 的文本
        p.innerHTML = hero.name;
        //组装
        div.appendChild(img);
        div.appendChild(p);
        heroList.appendChild(div);
      })
    }
  };
})();
